<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <style>
        .grey-bg {
            background: #f2f2f2;
            height: .5rem;
            width: 100%
        }

        body {
            background: #fff
        }

        .red-head {
            background: linear-gradient(to right, #E93324, #EA4765);
            height: 5rem;
            color: #fff;
            padding: 0 .6rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .info {
            margin: .6rem
        }

        .info-item {
            height: .85rem;
            margin-bottom: .3rem;
        }

        .bottom-fixed {
            width: calc(100% - 1.2rem);
            position: fixed;
            bottom: .35rem;
            left: .6rem
        }

        .cancel-btn {
            width: 50%;
            height: 2rem;
            line-height: 2rem;
            text-align: center;
            border-radius: 5rem 0 0 5rem;
            background: #FCE9E8;
            color: #E93324;
            border: none
        }
        .edit-btn{
          width: 50%;
            border-radius:0  5rem   5rem 0;
        }
    </style>
</head>

<body>
    <section>
        <div id="app">
            <div class="red-head">
                <div class="font-14">
                    等待商家处理退款申请
                </div>
                <!-- 退款-等待商家处理 -->
                <div class="font-12" style="margin-top:0.1rem">
                    若商家在1天23时59分内未处理，系统将自动同意退款
                </div>
                <!-- 退款-商家拒绝退款 -->
                <!-- <div class="font-12" style="margin-top:0.1rem">
                  您可以和商家协商后修改退款申请，在1天23时58分内再次提交申请，否则系统会自动取消退款，当然您也可以寻求好获云平台的帮助（客服电话：400-023-8666）
                </div> -->
            </div>
            <div class="height-50 font-14 text-color-3" style="padding-left:0.6rem">
                协商历史
            </div>
        </div>
    </section>
    <div class="grey-bg">

    </div>
    <section>
        <div class="flex font-13 text-color-3" style="position: relative;padding:0.6rem">
            <img src="../../image/index/logo1.png" alt="" style="height:4.3rem;width:4.3rem;margin-right:0.6rem">
            <div class="">
                <div class="font-semibold">
                    轻食香芒牛肉沙拉瘦身减肥蔬菜三百卡轻食香芒牛肉沙
                </div>
                <div class="font-10 text-color-9">
                    去冰/五分甜
                </div>
            </div>
        </div>
        <div class="info font-12 text-color-6">
            <div class="info-item">
                售后类型：<span>仅退款</span>
            </div>
            <div class="info-item">
                商品件数：<span>2件</span>
            </div>
            <div class="info-item">
                退款金额：<span>￥58.00</span>
            </div>
            <div class="info-item">
                返还金币：<span>15.2个</span>
            </div>
            <div class="info-item">
                退款原因：<span>不想买了</span>
            </div>
            <div class="info-item">
                申请时间：<span>2018-05-29 15:27:28</span>
            </div>
            <div class="info-item">
                退款编号：<span>232432435349486594</span>
            </div>
            <div class="info-item">
                订单编号：<span>122423423434355</span>
            </div>
            <div class="info-item">
                退款说明：<span>不想买了，质量很差</span>
            </div>
        </div>
    </section>
    <section>
        <div class="bottom-fixed">
            <!-- 退款-等待商家处理 -->
            <!-- <button class='red-btn' tapmode @click='' style="width:100%">取消退款</button> -->
            <!-- 退款-商家拒绝退款 -->
            <div class='flex-align-center' style="width:100%">
                <button class='cancel-btn'>取消退款</button>
                <button class='red-btn edit-btn'>修改退款申请</button>
            </div>
        </div>
    </section>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript " src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js "></script>
<script type="text/javascript">
    var vm = new Vue({
        el: '#app',
        data: {
            type: '',
            reason: ''
        },
        methods: {

        }
    });
    apiready = function() {
        api.parseTapmode();
    };
</script>

</html>
